*{
	font-family: "微软雅黑";
}
#wrap{
	width:100%;
	height:100%;
}
.header{
	wwidth:100%;
	height:188px;
	position:relative;
}
.header-bg{
	width:100%;
	height:188px;
	position:absolute;
	left:0;
	top:0;
	background:url(../img/header-bg.png) no-repeat;
	background-size:cover;
}
.header-logo{
	width:1000px;
	height:130px;
	position:absolute;
	left:50%;
	top:56px;
	margin-left:-500px;
	background:url(../img/nav-bg.png) no-repeat;
}
.logins{
	position:absolute;
	right:146px;
	top:40px;
	color:#fff;
	font-size:22px;
	color:#9cb8dc;
	cursor: pointer;
}
.logins:hover{
	color:#fff;
}
/* 关于nav */
.nav{
	width:100%;
	position:absolute;
	left:0;
	top:94px;
}
.nav ul{
	
}
.nav ul li{
	float:left;
	text-align:center;
	padding:4px 20px 1px 14px;
	color:#fff;
	font-size:14px;
	vertical-align: middle;
	cursor:pointer;
}
.nav ul .hov a{
	color:#f58c12;
}
.nav ul .hov span{
	background:url(../img/shouye-2.png)no-repeat;
}
.nav ul li span{
	vertical-align: middle;
	width:18px;
	height:18px;
	display:inline-block;
	background:url(../img/shouye-1.png)no-repeat;
	padding-left:2px;
	margin-top:-4px;
}
.nav ul li a{
	color:#fff;
	font-size:14px;
}
.nav ul li:hover a{
	color:#f58c12;
}
.nav ul li:hover span{
	background:url(../img/shouye-2.png)no-repeat;
}
/* 关于nav,下拉内容 */
.nav-list{
	width:100%;
	overflow:hidden;
}
.nav-lis{
	width:1000px;
	margin:0 auto;
	display:none;
}
.nav-lis ul{
	
}
.nav-lis ul li{
	float:left;
	margin:0px 30px 0 10px;
}
.nav-lis ul li dl{
	padding:0 10px;
}
.nav-lis ul li dt{
	border-bottom:2px solid #666;
	font-size:16px ;
	font-weight: bold;
	line-height:40px;
	padding:2px 10px;
	color:#244a81;
}
.nav-lis ul li dd{
	border-bottom:1px solid #ccc;
	font-size:14px;
	color:#666;
	line-height:30px;
	cursor:pointer;
	padding:2px 10px;
}




/* 关于下部内容 */
.content{
	width:100%;
	margin:0 auto;
}
.content .banner{
	width:1000px;
	background:url(../img/banner-bg.png) no-repeat;
	height:450px;
	margin:0 auto;
}
.footer{
	width:100%;
	height:218px;
	background:#1e232b;
}
.footer-list{
	width:1000px;
	margin:0 auto;
	height:218px;
	background:url(../img/footer.png) no-repeat;
}
/* 登陆 */
/* login  */
.login-box{
	width:400px;
	height:260px;
	border:1px solid #ccc;
	border-radius:12px;
	display:none;
	position:fixed;
	left:50%;
	top:25%;
	margin-left:-200px;
	background:#fff;
	z-index:99;
}
.login-header{
	border-bottom:1px solid #ccc;
	height:40px;
}
.login-header h3{
	
	font-size:18px;
	padding-left:14px;
	line-height:44px;
	float:left;
}
.login-header span{
	font-size:18px;
	float: right;
	margin-right:14px;
	line-height:44px;
	cursor:pointer;
}
.same{
	height:34px;
	width:80%;
	margin:20px auto;
	border:1px solid #ccc;
	border-radius:5px;
	overflow:hidden;
	position:relative;
}
.user-bg{
	height:34px;
	width:34px;
	padding-right:4px;
	border-right:1px solid #ccc;
	position:absolute;
	left:0;
	top:0;
	background:url(../img/login.png)  -5px -8px no-repeat;
}
.pas-bg{
	height:34px;
	width:34px;
	padding-right:4px;
	border-right:1px solid #ccc;
	position:absolute;
	left:0;
	top:0;
	background:url(../img/login.png) -53px -8px no-repeat ;
}
.same input{
	border:none;
	outline: none;
	height:32px;
	position:absolute;
	left:39px;
	top:0;
	width:200px;
	line-height:32px;
	padding-left:10px;
	font-size:14px;
}
.login-box .input-box{
	margin-top:30px;
}
.login-btns input{
	display:block;
	outline: none;
	width:100px;
	height:30px;
	border:1px solid #ccc;
	background:#e9e9e9;
	margin:10px auto;
	border-radius:5px;
	cursor:pointer;
}
.login-btns input:hover{
	background:#3495e0;
	color:#fff;
	border:none;
}
.cuowu{
	margin-top:0px;
	color:red;
	text-align:center;
}
.mark{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#666;
	z-index:80;
	display:none;
	opacity:0.5;
	filter:alpha(opacity=50);       /* IE */
    -moz-opacity:0.5;              /* 老版Mozilla */
    -khtml-opacity:0.5;              /* 老版Safari */
	
}

/* 主要部分 */
.chanpin{
	width:100%;
	height:640px;
	background:#f2f2f2;
}
.chanpin-cont{
	width:1000px;
	height:620px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
.chanpin-show{
	background:url(../img/fuwu.png) no-repeat;
	width:530px;
	height:30px;
	margin:24px auto 0;
}
.bian-left1{
	position:absolute;
	left:28px;
	top:110px;
	width:10px;
	height:340px;
	background:url(../img/xuan1.png) no-repeat;
}
.bian-left2{
	position:absolute;
	left:38px;
	top:115px;
	width:118px;
	height:2px ;
	background:url(../img/xuan3.png) repeat-x;
	transition:0.2s;
}
.bian-right{
	position:absolute;
	bottom:6px;
	right: 26px;
	width:140px;
	height:140px;
	background:url(../img/xuan4.png) no-repeat;
}
.chanpin-nav{
	width:100%;
}
.chanpin-nav ul{
	width:100%;
	text-align:center;
	margin-top:13px;
}
.chanpin-nav ul li{
	display:inline-block;
	padding:0px;
	font-weight: bold;
	cursor: pointer;
	text-align:center;
	padding:0px 20px;
	position:relative;
	height:56px;
	transition:0.4s;
	color:#2d2d2d;
}

.chanpin-nav ul li:hover{
	color:#ff9000;
}
.chanpin-nav ul li:hover p{
	opacity:1;
}
.chanpin-nav ul li span{
}
.chanpin-nav ul li p{
	width:100%;
	height:36px;
	background:url(../img/xuan2.png)no-repeat;
	position:absolute;
	left:10px;
	bottom:0px;
	opacity:0;
	transition:0.4s;
}

.chanpin-nav  .chan-five p{
	background:url(../img/xuan2-l.png)no-repeat;
}
.chanpin-nav  .chan-six p{
	background:url(../img/xuan2-xl.png)no-repeat;
}
.chanpin-nav ul .actk{
	color:#ff9000;
}
.chanpin-nav ul .actk p{
	opacity:1;
}
.chanpin-val{
	width:100%;
}
.chanpins{
	width:100%;
	display:none;
}
.chanp{
	display:block;
}
.chanpins ol{
	width:100%;
}
.chanpins ol li{
	width:374px;
	height:168px;
	border:6px solid #7f7f7f;
	border-radius:8px;
	margin:20px 0px 20px 64px;
	display:inline-block;
	position:relative;
	
	padding:10px;
	color:#7f7f7f;
	cursor:pointer;
	float:left;
	transition:0.6s;
}
.chanpins ol .chanpins-bg{
	position:absolute;
	width:150px;
	height:150px;
	top:16px;
	left:8px;
	background:url(../img/chanpin-3.png) 0 0 no-repeat;
}
.chanpinjs{
	margin-left:170px;     
	padding-top:30px;
}
.chanpinjs h4{
	font-size:22px;
	font-weight: bold;
	padding-bottom:6px;
}
.chanpinjs .hongxian{
	width:200px;
	height:10px;
	background:url(../img/hongxian.png) no-repeat;
	padding:4px 0;
}
.chanpinjs p{
	font-size:16px;
	
}
.chanp-ls{
	position:absolute;
	bottom:14px;
	right:14px;
	width:200px;
	font-size:14px;
	font-weight: bold;
	display:none;
}
.chanp-ls .liaojie{
	float:left;
	border-bottom:1px solid #fff;
	color:#fff;
	cursor: pointer;
}
.chanp-ls .shenqing{
	float:right;
	color:#ff9000;
	cursor: pointer;
}
.chanp-ls .p-shenqing{
	color:#FF0000;
	float:right;
	cursor:not-allowed;
}
.chanpins ol li:hover{
	border-color:#2964b8;
	background-color:#2964b8;
	color:#fff;
	box-shadow: 5px 5px 10px 5px #ccc;
	transform: translate(-4px,-4px);
}
.chanpins ol li:hover .chanpins-bg{
	background:url(../img/chanpin-3b.png) no-repeat;
}
.chanpins ol li:hover .hongxian{
	background:url(../img/hongxian-b.png) no-repeat;
}
.chanpins ol li:hover .chanp-ls{
	display:block;
}
/* 经典案例    */
.anli{
	width:1000px;
	margin:0 auto;
	padding:40px 0;
}
.anli-header{
	border-bottom:1px solid #f2f2f2;
}
.anli-header h3{
	font-size:22px ;
	font-weight: bold;
	font-family: "微软雅黑";
	float:left
}
.anli-header h3 i{
	width:28px;
	height:20px;
	display:inline-block;
	background:url(../img/ling.png) no-repeat 0 3px;
	margin-right:6px;
}
.anli-header h3 span{
	color:#244a81;
}
.anli-header p{
	float:right;
	font-size:16px;
	cursor:pointer;
}
.ali-content{
	margin-top:14px;
	position:relative;
	width:100%;
	height:230px;
	overflow:hidden;
}
.ali-content ul{
	width:1020px;
	position:absolute;
	top:0;
}
.ali-content .ali1{
	left:0;
}
.ali-content .ali2{
	left:1020px;
}
.ali-content ul li{
	width:234px;
	heeight:220px;
	overflow:hidden;
	float:left;
	margin-right:21px;
}
.ali-content ul li img{
	width:234px;
	height:140px;
	cursor:pointer;
}
.ali-content ul li h4{
	text-align:center;
	font-size:16px;
	font-weight:600;
	line-height:28px;
	margin-top:6px;
	cursor:pointer;
}
.ali-content ul li p{
	font-size:12px;
	color:#929292;
	line-height:20px;
}
.ali-content ul li p span{
	color:#FF0000;
	cursor:pointer;
}
.btnk{
	position:absolute;
	width:50px;
	height:60px;
	background:rgba(0,0,0,0.7);
	color:#fff;
	font-size:40px;
	font-weight: bold;
	z-index:33;
	display:inline-block;
	top:20%;
	text-align:center;
	opacity:0;
	transition:0.4s;
	cursor:pointer;
}
.prev{
	left:0;
}
.next{
	right:2px;
}
.ali-content:hover .btnk{
	opacity:1;
}
/* 关于右边的导航 */
.fixed-fr{
	position:fixed;
	top:230px;
	right:20px;
	width: 52px;
    z-index: 70;
    background:#fff;
}
.fixed-fr ul li{
	width: 52px;
    height: 52px;
    border: 1px solid #e9e9e9;
    list-style: none;
    cursor: pointer;
    background-repeat: no-repeat;
    color: #fff;
    position:relative;
}
.fix-img{
	width:100%;
	height:100%;
}
.fix-li1 .fix-img{
	background: url(../img/floatblock.png) 36px 36px #fff;
    background-position: 5px -55px;
}
.fix-li2 .fix-img{
	background: url(../img/floatblock.png) 36px 36px #fff;
    background-position: 5px -109px;
}
.fix-li3 .fix-img{
	background: url(../img/floatblock.png) 36px 36px #fff;
    background-position: 5px -163px;
}
.fixed-fr ul li p{
	color:#fff;
	font-size:16px;
	padding:4px 8px;
	letter-spacing: 2px;
	background:#3495E0;
	display:none;
}
.fix-wc{
	position:absolute;
	border:1px solid #ccc;
	border-radius:4px;
	top:0;
	left:-120px;
	width:100px;
	padding:4px;
	display:none;
}
.fix-wc img{
	width:100px;
	height:100px;
}
.fixs{
	background:#fff;
}
.fix-wc span{
	display:block;
	width;100%;
	color:#666;
	font-size:14px;
	text-align:center;
}
.tel{
	color:#666;
	width:100px;
	padding:4px 10px;
	position:absolute;
	left:-130px;
	top:6px;
	border-radius:4px;
	border:1px solid #ccc;
	line-height:30px;
	display:none;
}
.fix-li1:hover .fix-word1{
	display:block;
}
.fix-li1:hover .fix-img1{
	display:none;
}
.fix-li1:hover .fix-wc{
	display:block;
}

.fix-li2:hover .fix-word2{
	display:block;
}
.fix-li2:hover .fix-img2{
	display:none;
}
.fix-li2:hover .tel{
	display:block;
}

.fix-li3:hover .fix-word3{
	display:block;
}
.fix-li3:hover .fix-img3{
	display:none;
}